feat(web,dashboard): migrate dashboard v2 #7741

LetItRock · 2025-02-17T17:04:09Z

What changed? Why was the change needed?

IMPORTANT

Before merging this PR make sure we did all the "Release process" steps described in the ticket.

Corresponding enterprise repo PR: https://github.com/novuhq/packages-enterprise/pull/270

Please check the ticket to understand all the requirements.
In short, we would like to have the new Dashboard app as the main entry point for the dashboard.novu.co domain.

The changes in the Web app:

the sign-in and sign-up routes will redirect to the new Dashboard corresponding routes
removed the questionnaire and getting-started pages and all related code
updated user profile link to the Dashboard: Try out the new Dashboard - removed beta

The changes in the Dashboard app:

for the opted-out users the bookmarked pages will redirect to the old web application routes
removed opt-in modal and google docs form
improved opt-in logic with handling Clerk webhook event, PR

Screenshots

Screen.Recording.2025-02-17.at.16.52.32.mov

Screen.Recording.2025-02-17.at.17.35.50.mov

Screen.Recording.2025-02-17.at.16.58.54.mov

linear · 2025-02-17T17:04:12Z

NV-5303 Migrate Dashboard V2 to https://dashboard.novu.co

netlify · 2025-02-17T17:04:29Z

✅ Deploy Preview for dev-web-novu ready!

Name	Link
🔨 Latest commit	`fd13e7f`
🔍 Latest deploy log	https://app.netlify.com/sites/dev-web-novu/deploys/67b36c75b86dd20009372b42
😎 Deploy Preview	https://deploy-preview-7741.dashboard.novu-staging.co
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify · 2025-02-17T17:04:32Z

✅ Deploy Preview for dashboard-v2-novu-staging ready!

Name	Link
🔨 Latest commit	`fd13e7f`
🔍 Latest deploy log	https://app.netlify.com/sites/dashboard-v2-novu-staging/deploys/67b36c756cfe22000856b348
😎 Deploy Preview	https://deploy-preview-7741.dashboard-v2.novu-staging.co
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

github-actions · 2025-02-17T17:05:04Z

LaunchDarkly flag references

❌ 1 flag removed

Name	Key	Aliases found	Info
IS_HUBSPOT_ONBOARDING_ENABLED	`IS_HUBSPOT_ONBOARDING_ENABLED`		✅ all references removed

pkg-pr-new · 2025-02-17T17:09:35Z

Open in Stackblitz

@novu/client

npm i https://pkg.pr.new/novuhq/novu/@novu/client@7741

@novu/headless

npm i https://pkg.pr.new/novuhq/novu/@novu/headless@7741

@novu/node

npm i https://pkg.pr.new/novuhq/novu/@novu/node@7741

@novu/notification-center

npm i https://pkg.pr.new/novuhq/novu/@novu/notification-center@7741

novu

npm i https://pkg.pr.new/novuhq/novu@7741

@novu/providers

npm i https://pkg.pr.new/novuhq/novu/@novu/providers@7741

@novu/shared

npm i https://pkg.pr.new/novuhq/novu/@novu/shared@7741

commit: fd13e7f

LetItRock · 2025-02-17T17:06:40Z

apps/dashboard/src/components/side-navigation/organization-dropdown.tsx

@@ -32,7 +32,7 @@ export const OrganizationDropdown = () => {
    <ClerkOrganizationSwitcher
      hidePersonal
      skipInvitationScreen
-      afterCreateOrganizationUrl={ROUTES.USECASE_SELECT + '?v2_opt_in=true'}
+      afterCreateOrganizationUrl={ROUTES.USECASE_SELECT}


the opt-in logic is now handled with the Clerk webhook event: https://github.com/novuhq/packages-enterprise/pull/270

Could it be that there will be some delivery delay on their webhook? It happened before, and during that time our service might redirect the user to the wrong place. How can we ensure that by the time the user reaches the USECASE SELECT he already opted in?

LetItRock · 2025-02-17T17:06:56Z

apps/dashboard/src/config/index.ts

@@ -28,8 +28,6 @@ export const MIXPANEL_KEY = import.meta.env.VITE_MIXPANEL_KEY;

 export const LEGACY_DASHBOARD_URL = import.meta.env.VITE_LEGACY_DASHBOARD_URL;

-export const NEW_DASHBOARD_FEEDBACK_FORM_URL = import.meta.env.VITE_NEW_DASHBOARD_FEEDBACK_FORM_URL;


removed the google feedback form

LetItRock · 2025-02-17T17:08:15Z

apps/dashboard/src/context/opt-in-provider.tsx

+  if (isLoaded && status !== NewDashboardOptInStatusEnum.OPTED_IN) {
+    redirectToLegacyDashboard();
+
+    return null;
+  }


when the user is opted-out redirect him to the old dashboard with preserving the URL route and query params

LetItRock · 2025-02-17T17:08:31Z

apps/dashboard/src/pages/workflows.tsx

@@ -120,7 +119,6 @@ export const WorkflowsPage = () => {
    <>
      <PageMeta title="Workflows" />
      <DashboardLayout headerStartItems={<h1 className="text-foreground-950 flex items-center gap-1">Workflows</h1>}>
-        <OptInModal />


removed opt-in modal

LetItRock · 2025-02-17T17:09:00Z

apps/web/src/AppRoutes.tsx

@@ -77,7 +69,6 @@ const AuthRoutes = () => {
      <Route path={ROUTES.AUTH_RESET_REQUEST} element={<PasswordResetPage />} />
      <Route path={ROUTES.AUTH_RESET_TOKEN} element={<PasswordResetPage />} />
      <Route path={ROUTES.AUTH_INVITATION_TOKEN} element={<InvitationPage />} />
-      <Route path={ROUTES.AUTH_APPLICATION} element={<QuestionnairePage />} />


Removed the questionnaire page and all related code. All old/new users will sign-in/up through the new Dashboard and it's flow.

LetItRock · 2025-02-17T17:10:48Z

apps/web/src/components/nav/RootNavMenu.tsx

-        <NavMenuLinkButton
-          label="Get started"
-          isVisible={!isLoadingOnboardingStatus && showOnboarding}
-          icon={<IconTaskAlt />}
-          link={ROUTES.GET_STARTED}
-          testId="side-nav-quickstart-link"
-          rightSide={{
-            node: <VisibilityButton onClick={handleHideOnboardingClick} />,
-            triggerOn: 'hover',
-            tooltip: 'Hide this page from menu',
-          }}
-        />


no get-started link in the side nav

LetItRock · 2025-02-17T17:11:18Z

apps/web/src/ee/clerk/components/UserProfileButton.tsx

@@ -14,7 +14,7 @@ export function UserProfileButton() {
    >
      <UserButton.MenuItems>
        <UserButton.Action
-          label="Try out the new Dashboard (beta)"


removed beta label

LetItRock · 2025-02-17T17:11:47Z

apps/web/src/ee/clerk/pages/SignInPage.tsx

+  useEffect(() => {
+    window.location.href = `${NEW_DASHBOARD_URL}/auth/sign-in`;
+  }, []);
+
+  return null;


for the web app sign-in/up pages redirect to the new Dashboard corresponding pages

LetItRock · 2025-02-17T17:12:28Z

apps/web/src/pages/integrations/IntegrationsListModal.tsx

@@ -189,21 +186,12 @@ export function IntegrationsListModal({
        channel={provider?.channel}
      />

-      {isV2Enabled ? (


no need for this as we enabled it long time ago

LetItRock · 2025-02-17T17:12:41Z

apps/web/src/pages/integrations/components/multi-provider/v2/Faq.tsx

+import { INTERCOM_APP_ID } from '../../../../../config';
+import { discordInviteUrl, notificationCenterDocsUrl, OnBoardingAnalyticsEnum } from '../../../../quick-start/consts';
+
+export function Faq() {


moved from another place

feat(web,dashboard): migrate dashboard v2

3f2f1d8

LetItRock requested review from SokratisVidros, scopsy, BiswaViraj, ChmaraX, tatarco, djabarovgeorge and desiprisg February 17, 2025 17:04

LetItRock self-assigned this Feb 17, 2025

LetItRock temporarily deployed to Linting February 17, 2025 17:04 — with GitHub Actions Inactive

LetItRock had a problem deploying to Linting February 17, 2025 17:04 — with GitHub Actions Failure

github-actions bot added @novu/web @novu/shared @novu/dashboard labels Feb 17, 2025

LetItRock added 2 commits February 17, 2025 18:05

chore(web): remove console log and hardcoded config

55f7e0d

Merge branch 'next' into nv-5303-migrate-dashboard-v2

fd13e7f

LetItRock had a problem deploying to Linting February 17, 2025 17:05 — with GitHub Actions Error

LetItRock temporarily deployed to Linting February 17, 2025 17:06 — with GitHub Actions Inactive

LetItRock commented Feb 17, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(web,dashboard): migrate dashboard v2 #7741

feat(web,dashboard): migrate dashboard v2 #7741

LetItRock commented Feb 17, 2025

linear bot commented Feb 17, 2025

netlify bot commented Feb 17, 2025 •

edited

Loading

netlify bot commented Feb 17, 2025 •

edited

Loading

github-actions bot commented Feb 17, 2025

pkg-pr-new bot commented Feb 17, 2025 •

edited

Loading

LetItRock Feb 17, 2025

scopsy Feb 18, 2025

LetItRock Feb 17, 2025

LetItRock Feb 17, 2025

LetItRock Feb 17, 2025

LetItRock Feb 17, 2025

LetItRock Feb 17, 2025

LetItRock Feb 17, 2025

LetItRock Feb 17, 2025

LetItRock Feb 17, 2025

LetItRock Feb 17, 2025

		@@ -28,8 +28,6 @@ export const MIXPANEL_KEY = import.meta.env.VITE_MIXPANEL_KEY;

		export const LEGACY_DASHBOARD_URL = import.meta.env.VITE_LEGACY_DASHBOARD_URL;

		export const NEW_DASHBOARD_FEEDBACK_FORM_URL = import.meta.env.VITE_NEW_DASHBOARD_FEEDBACK_FORM_URL;

feat(web,dashboard): migrate dashboard v2 #7741

Are you sure you want to change the base?

feat(web,dashboard): migrate dashboard v2 #7741

Conversation

LetItRock commented Feb 17, 2025

What changed? Why was the change needed?

IMPORTANT

Screenshots

linear bot commented Feb 17, 2025

netlify bot commented Feb 17, 2025 • edited Loading

✅ Deploy Preview for dev-web-novu ready!

netlify bot commented Feb 17, 2025 • edited Loading

✅ Deploy Preview for dashboard-v2-novu-staging ready!

github-actions bot commented Feb 17, 2025

LaunchDarkly flag references

❌ 1 flag removed

pkg-pr-new bot commented Feb 17, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

netlify bot commented Feb 17, 2025 •

edited

Loading

netlify bot commented Feb 17, 2025 •

edited

Loading

pkg-pr-new bot commented Feb 17, 2025 •

edited

Loading